<template>
  <div class="box1">
    <h1>静态绑定props</h1>
    <p>子组件的数据来源是父组件</p>
    <h2>数字：{{ count }}</h2>
    <h2>字符串：{{ str }}</h2>
    <h2>布尔值：{{ bool }}</h2>
    <h2>对象：{{ obj }}</h2>
    <h2>数组：{{ arr }}</h2>
    <h2>函数：{{ func }}</h2>
  </div>
</template>
<script setup>
const props = defineProps({
  count: Number,
  str: String,
  bool: Boolean,
  obj: Object,
  arr: Array,
  func: Function
});
</script>
<style scoped>
.box1 {
  width: 100%;
  height: 100%;
  background-color: #f00;
  border: rgb(0, 255, 110) solid 1px;
}
</style>
